<include file="Public/newset-header" title="账户余额"/>
<link rel="stylesheet" href="__STATIC__/css/add.css">
<style>
    .question span {
        margin-left: 5px;
        position: relative;
    }

    .question span p {
        position: absolute;
        top: -60px;
        left: -70px;
        display: none;
        width: 150px;
        z-index: 99;
        padding: 3px 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background: #fff;
    }

    .question span p em {
        display: block;
        border-width: 10px;
        position: absolute;
        bottom: -20px;
        left: 65px;
        border-style: solid dashed dashed;
        border-color: #ccc transparent transparent;
        font-size: 0;
        line-height: 0;
    }

    .question span p strong {
        display: block;
        border-width: 10px;
        position: absolute;
        bottom: -18px;
        left: 65px;
        border-style: solid dashed dashed;
        border-color: #FFF transparent transparent;
        font-size: 0;
        line-height: 0;
    }

    .question span:hover p {
        display: block;
    }
</style>
<div class="container" style="padding-bottom:40px;">
    <ul class="breadcrumb">
        <li><a href="{:U('Index/index')}">首页</a></li>
        <li><a href="{:U('member/index')}">基本设置</a></li>
        <li class="active">账户余额</li>
    </ul>
    <div class="row">
        <include file="Public/newset-sidebar" title="侧边栏"/>
        <div class="col-md-9">
            <div class="headline">
                <h1>账户余额</h1>
            </div>
            <div class="row">
                <!-- <div class="row"> -->
                <div class="col-sm-4 col-lg-4 border-r">


                  <div class="row">
                        <div class="col-lg-12 question">
                            账户余额
                            <span>
                                    <i class="fa fa-question-circle"></i>
                                    <p>这是账户余额提示信息<em></em><strong></strong></p>
                                </span>
                        </div>

                    </div>
                    <div class="row">
                        <div class="balance-padding">
                            <div class="col-sm-6 col-lg-6">
                                <div class="number">{$result.mymoney}</div>
                            </div>
                            <div class="col-sm-6 col-lg-6"></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-lg-4 border-r">
                    <div class="row">
                        <div class="col-lg-12 question">
                            剩余下载点
                            <span>
                                        <i class="fa fa-question-circle"></i>
                                        <p>这是剩余下载量提示信息<em></em><strong></strong></p>
                                    </span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="balance-padding">
                            <div class="col-sm-6 col-lg-6">
                                <div class="number">{$result.downnum}</div>
                            </div>
                            <div class="col-sm-6 col-lg-6">
                                <a href="combo.html" class="btn btn-default pull-right btn-style1">获取</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-lg-4">
                    <div class="row">
                        <div class="col-lg-12 question">
                            免费下载点

                            <span>
                                            <i class="fa fa-question-circle"></i>
                                            <p>这是免费下载量提示信息<em></em><strong></strong></p>
                                        </span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="balance-padding">
                            <div class="col-sm-6 col-lg-6">
                                <div class="number">{$result.everydaynum}</div>
                            </div>
                            <div class="col-sm-6 col-lg-6">
                                <a href="combo.html" class="btn btn-default pull-right btn-style1">获取</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="headline">
                <h1>交易记录</h1>
            </div>
            <ul class="nav-tabs" style="margin:10px 0;">
                <li class="active"><a href="#home" data-toggle="tab">消费记录</a></li>
            
            </ul>
            <div class="tab-content">
                <div class="tab-pane fade in active" id="home">
                    <table class="table text-center table-hover balance-title ">
                        <thead>
                        <tr>
                            <th class="text-center" width="15%">服务</th>
                            <!--<th class="text-center" width="5%">数量</th>-->
                            <th class="text-center" width="25%">购买方式</th>
                            <th class="text-center" width="10%">支付(￥)</th>
                            <th class="text-center" width="20%">时间</th>
                            <!--<th class="text-center" width="15%">状态</th>-->
                        </tr>
                        </thead>
                        <tbody>
                        <if condition="$order neq ''">
                            <foreach name="order" item="v" key="k">
                                <tr>
                                    <td>
                                    <if condition="$v.listid neq 0">
                                        {$v.note}-{$v.nickname}
                                        <else/>
                                        {$v.note}
                                    </if>
                                    </td>
                                    <!--<td>1</td>-->
                                    <if condition="$v.paytype eq '0'">
                                        <td>余额</td>
                                        <else/>
                                        <td>支付宝</td>
                                    </if>

                                    <td>{$v.money}</td>
                                    <td>{$v.addtime}</td>
                                    <!--<td>正常</td>-->
                                </tr>
                            </foreach>
                            <else/>
                            <tr>
                                <td class="solo" width="100%" colspan="7">目前还没有账单信息</td>
                            </tr>
                        </if>


                        </tbody>
                    </table>
                </div>
                <div class="tab-pane fade" id="ios">
                    <div class="row" style="margin:15px 0;">
                        <div class="col-md-12">
                            当账户中下载次数为0时，下载用户可以向需要下载 App 中购买次数进行下载。
                        </div>
                    </div>
                    <table class="table text-center table-hover balance-title balance-table">
                        <thead>
                        <tr>
                            <th align="left" width="50%">下载应用</th>
                            <th class="text-center hide" width="15%">购买方式</th>
                            <th class="text-center" width="15%">收入(￥)</th>
                            <th class="text-center" width="20%">时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <if condition="$money neq ''">
                            <foreach name="money" item="v" key="k">
                                <tr>
                                    <td align="left">购买{$v.nickname}</td>
                                    <td>{$v.money}</td>
                                    <td>{$v.addtime}</td>
                                </tr>

                            </foreach>
                            <else/>
                            <tr>
                                <td class="solo" width="100%" colspan="7">您目前还没有下载收人</td>
                            </tr>
                        </if>


                        </tbody>
                    </table>
                </div>
                <div class="tab-pane fade" id="java">
                    <table class="table text-center table-hover balance-title balance-table">
                        <thead>
                        <tr>
                            <th align="left" width="25%">联系人</th>
                            <th class="text-center" width="25%">提现金额(￥)</th>
                            <th class="text-center" width="25%">提现时间</th>
                            <th class="text-center" width="25%">状态</th>
                        </tr>
                        </thead>

                        <tbody>
                        <tr>
                            <td align="left">先生</td>
                            <td>6.00</td>
                            <td>2017-07-31 12:59:40</td>
                            <td>正常</td>
                        </tr>
                        <tr>
                            <td class="solo" width="100%" colspan="7">您目前还没有提现</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<include file="Public/newset-footer"/>
